<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="public/introduceCss :: CSS(~{::title})">
    <title>歌德交易</title>
</head>

<body>
<!--  导航栏 -->
<nav th:insert="~{public/guide :: head}"></nav>

<!--最上面标题-->
<nav th:insert="~{public/guide :: titleTop}"></nav>

<!-- 背景图 -->
<section id="cta" class="cta">
    <div style="margin-top: 5%;"></div>
    <div class="container">
        <div class="text-center" data-aos="zoom-in">
            <h3>公众号</h3>
            <p>关注我们</p>
        </div>
    </div>
    <div style="margin-top: 5%;"></div>
</section>

<main id="main">
    <!-- 关注我们 -->
    <section id="why-us" class="why-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 d-flex align-items-stretch" data-aos="fade-right">
                    <div class="content">
                        <h3>为什么要关注我们</h3>
                        <p>
                            关注我们公众号,你可以得到最新时讯的一手交易信息,
                            以及最新上线产品.也会有众多小活动，有奖竞猜,更有终
                            极大奖免单购买!还有更多精彩等你来看...
                        </p>
                        <div class="text-center" onclick="alert('微信号正在筹备中');">
                            立刻关注<i class="bx bx-chevron-right"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8 d-flex align-items-stretch">
                    <div class="icon-boxes d-flex flex-column justify-content-center">
                        <div class="row">
                            <div class="col-xl-4 d-flex align-items-stretch" data-aos="zoom-in"
                                 data-aos-delay="100">
                                <div class="icon-box mt-4 mt-xl-0">
                                    <i class="bx bx-receipt"></i>
                                    <h4>微信得到一手咨询</h4>
                                    <p>
                                        不拖时,不停更.一有最新产品消息,马上推送
                                    </p>
                                </div>
                            </div>
                            <div class="col-xl-4 d-flex align-items-stretch" data-aos="zoom-in"
                                 data-aos-delay="200">
                                <div class="icon-box mt-4 mt-xl-0">
                                    <i class="bx bx-cube-alt"></i>
                                    <h4>交易信息</h4>
                                    <p>保证安全,货到付款.款到货到,一手交钱一手交货.交易完成立刻短信提醒</p>
                                </div>
                            </div>
                            <div class="col-xl-4 d-flex align-items-stretch" data-aos="zoom-in"
                                 data-aos-delay="300">
                                <div class="icon-box mt-4 mt-xl-0">
                                    <i class="bx bx-images"></i>
                                    <h4>有奖竞赛</h4>
                                    <p>更多的福利和活动补贴,更有机会免单购买...</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
</main>
<!-- 赞助商 -->
<nav th:insert="~{public/rump :: sponsor}"></nav>
<!-- 页尾 -->
<nav th:insert="~{public/rump :: foot}"></nav>
<!-- 一键回顶 -->
<nav th:insert="~{public/rump :: backTop}"></nav>
<!-- 公共的JS文件 -->
<nav th:insert="~{public/publicJs :: JS}"></nav>


</body>

</html>